$(document).ready(function() {
	
	renderDataTable();
	
	$("#refresh").click(function(){
		$("#inputCode").val("");
		$("#inputDesp").val("");
		$("#oldCustomerID").val("");
		var table = $('#customer_classDataTable').DataTable();
	    table.$('tr.selected').removeClass('selected');
	});
	
});

function editData(vaId,index) {	
	
	var table = $('#customer_classDataTable').DataTable();
    table.$('tr').removeClass('selected');
    table.$('tr:eq('+(parseInt(index)-1)+')').addClass('selected');
    
		$.ajax({
			url : 'CS11004Srvl' , 
			type : "POST",
			data : {
				process_type : "edit" , 
				id :vaId , 
				siteID : '1'
			},
			dataType : "json",
			success: function(data){
				
				$("#inputCode").val(data.id);
				$("#inputDesp").val(data.desp);
				$("#oldCustomerID").val(data.id);
				
			}
		});
	}

function deleteData(data1,data2){

		$("#dataDelete1").val(data1);
		$("#dataDelete2").val(data2);
		
	    document.getElementById("modal_content_confirmModal").innerHTML ="ยืนยันการลบข้อมูลประเภทผู้ใช่น้ำ:   "+data1
			+"<br>รายละเอียด :   "+data2;
	    $('#confirmModal').modal();

}

function confirmdeleteData(){
	var data1 =$("#dataDelete1").val();
	
	$.ajax({
		url : 'CS11004Srvl' , 
		type : "POST",
		data : {
			process_type : "delete" , 
			id :data1 , 
			url_address:$("#url_address").val(),
			agent_browser:$("#agent_browser").val(),
			
		},
		success: function(data){
			
			location.reload();
		}
	});
}

function saveCustomerClass() {
  
	var vaCodeID = $("#inputCode").val();
	var vaDespt =$("#inputDesp").val();
	var statusUpdate =$("#oldCustomerID").val();
	var vaCodeID_Lenght = vaCodeID.length;

	if((vaCodeID=="") || (vaDespt=="")){
		document.getElementById("modal_content").innerHTML = "กรุณากรอกข้อมูลให้ครบถ้วน" ;
		$('#warningModal').modal();
		
	}else if(vaCodeID_Lenght > 2){
		document.getElementById("modal_content").innerHTML = "มีการกรอกรหัสผู้ใช้น้ำเกินที่กำหนด  กรุณากรอกรหัสใหม่" ;
		$('#warningModal').modal();
		
	}else if( isNaN(vaCodeID)== true){
		
		document.getElementById("modal_content").innerHTML = "กรุณากรอกรหัสผู้ใช้น้ำให้ถูกต้อง" ;
		$('#warningModal').modal();	
		
	}else{
		
		if(statusUpdate !== ""){
			document.getElementById("modal_content_confirmUpdateModal").innerHTML = "ยืนยันการรบันทึกข้อมูลประเภทผู้ใช่น้ำ:   "
				+ vaCodeID + "<br>รายละเอียด  :  " + vaDespt;
			$('#confirmUpdateModal').modal();
			
		}else {
			document.getElementById("modal_content_confirmSaveModal").innerHTML = "ยืนยันการบันทึกข้อมูลประเภทผู้ใช่น้ำ:  "
				+ vaCodeID + "<br>รายละเอียด  :  " + vaDespt;
			$('#confirmSaveModal').modal();
		}
	}
}
function updateDataTable(){
	$('#confirmUpdateModal').modal('hide');
	var vaCodeID = $("#inputCode").val();
	var vaDespt =$("#inputDesp").val();
	var statusUpdate =$("#oldCustomerID").val();
	$.ajax({
		url : 'CS11004Srvl' , 
		type : "POST",
		data : {
			process_type : "update" , 
			id :vaCodeID ,
			description:vaDespt,
			oldCustomerClass:$("#oldCustomerID").val(),
			url_address:$("#url_address").val(),
			agent_browser:$("#agent_browser").val(),
		},
		success: function(data){
			if(data=="Code_dupicate"){
				document.getElementById("modal_content").innerHTML = "มีรหัสประเภทผู้ใช้น้ำนี้แล้ว   กรุณาเปลี่ยนรหัสใหม่" ;
				$('#warningModal').modal();
			}else{
				location.reload();
				 $("#inputCode").val("");
				 $("#inputDesp").val("");
			}
		}
	});
}

function cancel(){
	/*var table = $('#customer_classDataTable').DataTable();
	 table.$('tr.selected').removeClass('selected');*/
}

function addDataTable(){
  $('#confirmSaveModal').modal('hide');
	var vaCodeID = $("#inputCode").val();
	var vaDespt =$("#inputDesp").val();
	$.ajax({
		url : 'CS11004Srvl' , 
		type : "POST",
		data : {
			process_type : "insert" , 
			description:vaDespt,
			id :vaCodeID ,
			url_address:$("#url_address").val(),
			agent_browser:$("#agent_browser").val(),
		},
		success: function(data){
			if(data=="Code_dupicate"){
				document.getElementById("modal_content").innerHTML = "มีรหัสประเภทผู้ใช้น้ำนี้แล้ว   กรุณาเปลี่ยนรหัสใหม่" ;
				$('#warningModal').modal();
				
			}else{
				location.reload();
				$("#inputCode").val("");
				$("#inputDesp").val("");
			}
		}
	});
	
}

// function load data
function renderDataTable(){
	$('#customer_classDataTable').DataTable({
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
        searching: true,
        "aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", sWidth: '2%',"bSortable": false,},
		                {"sTitle": "รหัส", sClass: "alignCenter", sWidth: '2%'},
		                {"sTitle": "รายละเอียด", sClass: "rightCenter", sWidth: '10%'},
		                {"sTitle": "จัดการ", sClass: "alignCenter table-action", sWidth: '2%', "bSortable": false,
		                "mRender": function ( data, type, full) { 
		                		return  '<i class="fa fa-wrench" title="แก้ไขข้อมูล" onclick="editData(\'' + full[1] + '\',\''+full[0]+'\');"></i> ' 
		                		+ '<i class="fa fa-trash-o" title="ลบข้อมูล" onclick="deleteData(\'' + full[1] + '\', \'' + full[2] + '\');"></i>';
		                	} 
		                }
		               ],
		        "sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า  
		       	"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		       	"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		       	"bScrollCollapse": true,
		       	"aLengthMenu": [
		       		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		       		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		       		 ],
		       	"bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
		        "iDeferLoading": 11	, 
		        "sAjaxSource": "CS11004Srvl?process_type=getDataTable",
		       
	});
	
	/*var table = $('#customer_classDataTable').DataTable();
	$('#customer_classDataTable tbody').on( 'click', 'tr', function () {
        if ( $(this).hasClass('selected') ) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    } );*/
		
}
		
		
		
	
		




